<template>
  <div class="birds">
    <div class="birds_one">
      <!-- 公告类型 -->
      <el-dropdown placement="bottom" :hide-on-click="false" trigger="click" ref="dropdown1">
        <span class="el-dropdown-link">
          公告类型
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="padding: 0">
            <el-cascader-panel v-model="bulletinArr" :props="propsss" :options="opbulletin" />
          </el-dropdown-menu>
          <div class="dropdownButtom1">
            <div style="color: #ff8a35"></div>
            <div style="padding-top: 5px">
              <a-button style="margin-right: 10px" @click="reClick1">重置</a-button>
              <a-button style="background-color: #f43107; color: #fff" @click="recognize1">确定</a-button>
            </div>
          </div>
        </template>
      </el-dropdown>

      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown3">
        <span class="el-dropdown-link">
          招标公司类型
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu>
            <div class="infOne">
              <el-checkbox-group v-model="radio1.Boos" size="large">
                <div class="infOne_hove" v-for="city in biddingBoos" :key="city.id">
                  <el-checkbox :label="city">{{ city.name }}</el-checkbox>
                </div>
              </el-checkbox-group>
            </div>
            <div class="dropdownButtom">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="reClick3">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize3">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 招标状态 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown4">
        <span class="el-dropdown-link">
          招标状态
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 100px">
            <div class="height" v-for="item in inviteBids" :key="item.id" :class="{ active: order == item.id }"
              @click="tagsLietc(item)">
              {{ item.name }}
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 投标资质过滤 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown5">
        <span class="el-dropdown-link">
          投标资质过滤
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="height: 450px">
            <div class="flexible">
              <div>
                <div class="search_sousou">
                  <el-input v-model="radio1.sousou" placeholder="请输入资质关键词搜索" class="input-with-select">
                    <template #append>
                      <el-button :icon="Search" @click="certificates" />
                    </template>
                  </el-input>
                </div>
                <p style="margin-left: 21px; font-size: 13px">
                  为你找到相关资质<span style="color: #f43107">{{
                    cities.length
                    }}</span>个
                </p>
                <div class="flexible_box">
                  <el-checkbox-group v-model="checkedCities">
                    <div v-for="city in cities" :key="city">
                      <el-checkbox :label="city">{{ city }}</el-checkbox>
                    </div>
                  </el-checkbox-group>
                </div>
              </div>
              <div class="flexible_right">
                <div style="padding: 22px 0 0 22px; font-size: 14px">
                  已选资质<span style="color: #f43107">{{ checkedCities.length }}/<span>20</span></span>
                </div>
                <div class="flexible_bo2">
                  <el-checkbox-group v-model="radio1.checkedCities">
                    <div v-for="city in checkedCities" :key="city">
                      <el-checkbox checked :label="city">{{
                        city
                        }}</el-checkbox>
                    </div>
                  </el-checkbox-group>
                </div>
                <div class="" style="padding: 15px 22px">
                  <div>筛选需求</div>
                  <el-radio-group v-model="radio1.radio">
                    <div style="display: flex; flex-direction: column">
                      <div><el-radio :label="1">包含所选资质</el-radio></div>
                      <div><el-radio :label="2">过滤所选资质</el-radio></div>
                    </div>
                  </el-radio-group>
                </div>
              </div>
            </div>
            <div class="dropdownButtoms">
              <div style="color: #ff8a35">该条件仅适用于招标类公告</div>
              <div>
                <a-button style="margin-right: 10px" @click="checkClock">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize5">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 地区项目 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown6">
        <span class="el-dropdown-link">
          地区项目
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="padding: 0">
            <el-cascader-panel v-model="proPtions" :props="props" :options="options" />
          </el-dropdown-menu>
          <div class="dropdownButtom1">
            <div style="color: #ff8a35"></div>
            <div style="padding-top: 5px">
              <a-button style="margin-right: 10px" @click="checkClock6">重置</a-button>
              <a-button style="background-color: #f43107; color: #fff" @click="recognize6">确定</a-button>
            </div>
          </div>
        </template>
      </el-dropdown>
      <!-- 发布时间 -->
      <!-- <el-dropdown :hide-on-click=false trigger="click" ref="dropdown7">
        <span class="el-dropdown-link">
          发布时间
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>
        <template #dropdown>
          <div @click.stop>
            <el-dropdown-menu  ref="dropdown17">
            <div style="padding: 0 10px">
              <el-date-picker ref="daas" v-model="times" type="daterange" format="YYYY/MM/DD"
                :disabled-date="disabledDate" range-separator="至" start-placeholder="起始时间" end-placeholder="结束时间"
                :shortcuts="shortcuts" unlink-panels value-format="x" :size="size" @change="recognize7" />
            </div>
          </el-dropdown-menu>
        </div>
        </template>
      </el-dropdown> -->
      <el-dropdown trigger="click">
        <span class="el-dropdown-link" @click.native="handleCommand()">
          发布时间
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>
      </el-dropdown>
      <div class="tk" v-if="isShow == true">
        <el-date-picker ref="daas" v-model="times" type="daterange" format="YYYY/MM/DD" :disabled-date="disabledDate"
          range-separator="至" start-placeholder="起始时间" end-placeholder="结束时间" :shortcuts="shortcuts" unlink-panels
          value-format="x" :size="size" @change="recognize7" />
      </div>
      <el-dropdown :hide-on-click='true' trigger="click" ref="dropdown8">
        <span class="el-dropdown-link">
          联系方式
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 150px">
            <div class="height" v-for="item in photoBids" :key="item.id" :class="{ active: photo == item.id }"
              @click.native="photoLietc(item)">
              {{ item.name }}
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 金额区间 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown9">
        <span class="el-dropdown-link">
          金额区间
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 240px">
            <div class="height" v-for="item in moneyBids" :key="item.id" :class="{ active: money == item.id }"
              @click="moneyLietc(item)">
              {{ item.name }}
            </div>

            <div style="display: flex; margin-top: 10px" v-if="money == '9'">
              <div class="search_money">
                <input class="search_mput" type="text" v-model="radio1.min" placeholder="最小值" />
                <span style="margin-right: 10px">至</span>
                <input class="search_mput" type="text" v-model="radio1.max" placeholder="最大值" />
              </div>
              万元
            </div>
            <div class="dropdownButtom" style="
                width: 240px;
                padding-top: 5px;
                border-top: 1px solid #e8e8e8;
              " v-if="money == '9'">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="moneyClick">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize9">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 采购类别 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown10">
        <span class="el-dropdown-link">
          采购类别
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu>
            <div class="infOne">
              <el-checkbox-group v-model="radio1.projects" size="large">
                <div class="infOne_hove" v-for="city in category" :key="city.id">
                  <el-checkbox :label="city">{{ city.name }}</el-checkbox>
                </div>
              </el-checkbox-group>
            </div>
            <div class="dropdownButtom">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="reClick10">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize10">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 所属行业 -->
      <!-- <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown11">
        <span class="el-dropdown-link">
          所属行业
          <img style="color: #F43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>
        <template #dropdown>
          <el-dropdown-menu>
            <div class="infOne">
              <el-dropdown-item v-for="item in industry" :key="item">
                <el-radio-group v-model="radio1.belong" class="ml-[4px]">
                  <el-radio :label="item" size="large">{{ item }}</el-radio>
                </el-radio-group>
              </el-dropdown-item>
            </div>
            <div class="dropdownButtom">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="radio1.belong = ''">重置</a-button>
                <a-button style="background-color: #F43107; color: #fff" @click="recognize11">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown> -->
      <!-- 附件 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown16">
        <span class="el-dropdown-link">
          附件
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 100px">
            <div class="height" v-for="item in attachment" :key="item.id" :class="{ active: attach == item.id }"
              @click="attachmentLietc(item)">
              {{ item.name }}
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 搜索范围 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown12">
        <span class="el-dropdown-link">
          搜索范围
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu>
            <div class="infOne">
              <el-checkbox-group v-model="radio1.checkList">
                <div class="infOne_hove" v-for="city in realm" :key="city.id">
                  <el-checkbox :label="city" :disabled="city.disabled == 'disabled' ? true : false">{{ city.name
                    }}</el-checkbox>
                  <div style="margin-left: 5px" v-if="city.id == '6'">
                    <el-icon :size="20">
                      <QuestionFilled />
                    </el-icon>
                  </div>
                </div>
              </el-checkbox-group>
            </div>
            <div class="dropdownButtom">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="reClick12">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize12">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>
    <div class="birds_two">
      <!-- 匹配模式 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown13">
        <span class="el-dropdown-link">
          匹配模式
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 100px">
            <div class="height" v-for="item in quality" :key="item.id" :class="{ active: grade == item.id }"
              @click="gradeLietc(item)">
              {{ item.name }}
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 同时包含关键词 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown14">
        <span class="el-dropdown-link">
          同时包含关键词
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 758px">
            <div style="padding: 8px 15px 24px; font-size: 14px">
              <p>同时包含关键词</p>
              <el-input style="width: 440px" v-model="radio1.keywords" placeholder="请输入关键字，多个关键字用空格隔开 如：面包 牛奶 鸡蛋" />
              <p style="margin-top: 15px">同时包含关键词位置</p>
              <el-checkbox-group v-model="radio1.keyList">
                <el-checkbox v-for="city in byword" :key="city" :label="city"
                  :disabled="city.disabled == 'disabled' ? true : false">{{ city.name }}</el-checkbox>
              </el-checkbox-group>
            </div>
            <div class="dropdownButtomCi">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="embodyClick">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize14">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <!-- 排除词 -->
      <el-dropdown :hide-on-click="false" trigger="click" ref="dropdown15">
        <span class="el-dropdown-link">
          排除词
          <img style="color: #f43107; width: 14px; height: 8px" src="@/assets/img/jt.png" alt="" />
        </span>

        <template #dropdown>
          <el-dropdown-menu style="width: 758px">
            <div style="padding: 8px 15px 24px; font-size: 14px">
              <p>排除词</p>
              <el-input style="width: 440px" v-model="radio1.excluded" placeholder="请输入关键字，标讯信息中含有关键词的不会出现在搜索结果中" />
              <p style="margin-top: 15px">排除词位置</p>
              <el-checkbox-group v-model="radio1.excludedList">
                <el-checkbox v-for="city in byword" :key="city" :label="city"
                  :disabled="city.disabled == 'disabled' ? true : false">{{ city.name }}</el-checkbox>
              </el-checkbox-group>
            </div>
            <div class="dropdownButtomCi">
              <div></div>
              <div>
                <a-button style="margin-right: 10px" @click="removeClick">重置</a-button>
                <a-button style="background-color: #f43107; color: #fff" @click="recognize15">确定</a-button>
              </div>
            </div>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>
  </div>
</template>

<script setup>
import jsonData from "@/utils/json/index.json";
import domData from "@/utils/json/dom.json";
import { Search, QuestionFilled } from "@element-plus/icons-vue";
import { getCaricatureApi, getInfomationchild } from "@/Api/shoop/index.js";
import { onMounted, ref, watch, reactive } from "vue";
import { useRadio1Store } from "@/pain/search/search";
import { useWorkSearchStore } from "@/stores/menuStore.ts";

import { ElMessage } from "element-plus";
import { timestamp } from "@/utils/index";
const props = { multiple: true, checkStrictly: true }; // 地区开启多选
const propsss = { multiple: true, checkStrictly: false }; // 地区开启多选
import { decrypt } from "@/utils/index";
const tokens = localStorage.getItem("token");
import { useRouter } from "vue-router";
import { userInfo } from '@/Api/api.js'
const router = useRouter();
const disabledDate = (time) => {
  return time.getTime() > Date.now();
};

const isShow = ref(false)
const numss = ref(0)
const handleCommand = (item, row, index) => {
  // console.log(isShow.value);
  // if (isShow.value == 'false') {
  //   isShow.value = true
  // }else{
  //   isShow.value = false
  // }
  numss.value = numss.value + 1
  if (numss.value % 2 == 0) {
    isShow.value = false
  } else {
    isShow.value = true
  }

  // isShow.value = true
}


const store = useWorkSearchStore();

let prerequisite = ref([]);
let times = ref([]);
const signalsRadio1 = useRadio1Store();
let proPtions = ref([]);
const radio1 = ref({
  level_id: "-1",
  bulletin: [], //公告
  // bidding: [], //招标方式
  Boos: [], //招标公司类型
  affairs: "", //招标状态
  sousou: "", //投标资质过滤
  checkedCities: [], //投标资质过滤选中的
  radio: 1, //筛选要求
  times: [
    {
      oneTime: "",
      twoTime: "",
    },
  ], //日期
  //
  leave: [], //省
  market: [], //市
  quarter: [], //区
  contact: "", // 联系方式
  money: "", //金额区间
  max: "", //自定义 - 最大金额
  min: "", //自定义 - 最小金额
  projects: [], // 采购类别
  // belong: "", //所属行业
  annexes: "", // 附件
  checkList: [], // 搜索范围
  matching: "", //匹配模式
  keywords: "", //关键字
  keyList: [], // 选中关键字
  excluded: "", //排除词
  excludedList: [], //选中排除词
});

if (tokens) {
  userInfo().then(rex => {
    radio1.value.level_id = rex.data.data.level_id
  })
}

signalsRadio1.count = radio1.value;
// 公告类型
let information = ref({});
const getInformation = () => {
  getCaricatureApi().then((res) => {
    let {
      data: { data },
    } = res;
    information.value = data;
    // console.log(data)
  });
};
let opbulletin = ref([]);
const getInfomationchilds = () => {
  getInfomationchild().then((res) => {
    opbulletin.value = res.data.data;
  });
};
// 确定取消下拉框
const dropdown1 = ref();
let drop1 = ref([]);
let bulletinArr = ref([]);
let bulletinArrFrom = ref([]);
let bulletinArrFroms = ref([]);
let bulletinJg = ref([]);
const recognize1 = () => {
  console.log("123", radio1.value.bulletin);
  dropdown1.value.handleClose();
  bulletinJg.value = [];
  bulletinArr.value.forEach((ere) => {
    bulletinJg.value.push(ere[1]);
  });

  radio1.value.bulletin = Array.from(new Set(bulletinJg.value));

  bulletinArr.value.forEach((element) => {
    console.log(element[0])

    opbulletin.value.forEach(ele => {
      if (element[0] == ele.value) {
        bulletinArrFroms.value.push(ele.label)
      }
    });
  });
  bulletinArrFroms.value = Array.from(new Set(bulletinArrFroms.value));
  console.log("bulletinArrFroms", bulletinArrFroms.value);

  if (radio1.value.bulletin.length > 0) {
    drop1.value = [
      {
        name: "公告类型：",
        value: [
          {
            name: bulletinArrFroms.value,
          },
        ],
      },
    ];
    prerequisite.value = [...drop1.value];
  }
  signalsRadio1.getsearchs();
};

const reClick1 = () => {
  radio1.value.bulletin = [];
  drop1.value = [];
  bulletinArr.value = [];
  bulletinArrFrom.value = [];
  bulletinArrFroms.value = [];
  bulletinJg.value = [];
};

const setValue = (val) => {

  radio1.value = { ...val }

  bulletinArr.value = val.bulletin;

}

// 招标方式
// let biddingMethod = ref([
//   {
//     id: "1",
//     name: "公开招标",
//   },
//   {
//     id: "2",
//     name: "询比价",
//   },
//   {
//     id: "3",
//     name: "竞价",
//   },
//   {
//     id: "4",
//     name: "竞争性磋商",
//   },
//   {
//     id: "5",
//     name: "竞争性谈判",
//   },
//   {
//     id: "6",
//     name: "邀请招标",
//   },
//   {
//     id: "7",
//     name: "单一来源",
//   },
//   {
//     id: "8",
//     name: "网上直购",
//   },
//   {
//     id: "9",
//     name: "定单采购",
//   },
//   {
//     id: "10",
//     name: "公开寻源",
//   },
// ]);
// 确定取消下拉框
const dropdown2 = ref();
let drop2 = ref([]);
// const recognize2 = () => {
//   // console.log(radio1.value.bidding)
//   dropdown2.value.handleClose();
//   // console.log(Array.isArray())
//   if (radio1.value.bidding.length > 0) {
//     drop2.value = [
//       {
//         name: "招标方式：",
//         value: radio1.value.bidding,
//       },
//     ];
//     prerequisite.value = [...drop1.value, ...drop2.value];
//   }
//   signalsRadio1.getsearchs();
//   // console.log(prerequisite)
// };
// const reClick2 = () => {
//   radio1.value.bidding = [];
//   drop2.value = [];
// };

// 招标公司类型
let biddingBoos = ref([
  {
    id: "1",
    name: "国有企业",
  },
  {
    id: "2",
    name: "通讯运营商",
  },
  {
    id: "3",
    name: "军队",
  },
  {
    id: "4",
    name: "银行",
  },
  {
    id: "5",
    name: "证券",
  },
  {
    id: "6",
    name: "保险",
  },
  {
    id: "7",
    name: "民营企业",
  },
  {
    id: "8",
    name: "医院",
  },
  {
    id: "9",
    name: "政府及事业单位",
  },
  {
    id: "10",
    name: "学校",
  },
  {
    id: "11",
    name: "其他",
  },
]);
// 确定取消下拉框
const dropdown3 = ref();
let drop3 = ref([]);
const recognize3 = () => {
  // console.log(radio1.value.Boos)
  signalsRadio1.getsearchs();
  dropdown3.value.handleClose();
  if (radio1.value.Boos.length > 0) {
    drop3.value = [
      {
        name: "招标公司类型：",
        value: radio1.value.Boos,
      },
    ];
    prerequisite.value = [...drop1.value, ...drop2.value, ...drop3.value];
  }
  console.log(prerequisite);
};
const reClick3 = () => {
  radio1.value.Boos = [];
  drop3.value = [];
};

// 招标状态
let order = ref("");
let orderIndex = ref("");
let inviteBids = [
  {
    id: "1",
    name: "全部招标",
  },
  {
    id: "2",
    name: "标书获取中",
  },
  {
    id: "3",
    name: "投标中",
  },
  {
    id: "4",
    name: "投标已截止",
  },
  {
    id: "5",
    name: "其他",
  },
];

const dropdown4 = ref();
let drop4 = ref([]);
// 确定取消下拉框 高亮
const tagsLietc = (item) => {
  console.log("招标状态", item);
  radio1.value.affairs = item.id;
  orderIndex.value = item.id;
  order.value = item.id;
  signalsRadio1.getsearchs();
  console.log("12", radio1.value.affairs);
  dropdown4.value.handleClose();
  if (radio1.value.affairs != "") {
    drop4.value = [
      {
        name: "招标状态",
        value: [
          {
            name: item.name,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
    ];
  }
  console.log(prerequisite);
};

// 投标资质过滤
const checkedCities = ref([]);
const cities = ref([]);
// const certcities = () => {
//   jsonData.forEach(ele => {
//     cities.value.push(ele)
//   })

// }
// certcities()
const certificates = () => {
  jsonData.filter((item) => {
    if (item.indexOf(radio1.value.sousou) !== -1) {
      cities.value.push(item);
    }
    // if (item.includes(radio1.value.sousou)) {
    //   cities.value.push(item);
    // }
  });
};
// 确定取消下拉框
const dropdown5 = ref();
let drop5 = ref([]);
const recognize5 = () => {
  // console.log(radio1.value.Boos)
  dropdown5.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.checkedCities.length > 0) {
    drop5.value = [
      {
        name: "投标资质过滤：",
        value: [
          {
            name: radio1.value.checkedCities.length,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
    ];
  }
  console.log(prerequisite);
};

const checkClock = () => {
  radio1.value.sousou = "";
  radio1.value.checkedCities = [];
  checkedCities.value = [];
  drop5.value = [];
};

// 地区
let options = [];
let children2 = ref([]);
let children3 = ref([]);
let diquArr = ref([]);
domData.forEach((aaa) => {
  diquArr.value.push(aaa);
});
options = domData.filter((item) => item.parent === 100000);
store.address = options;
domData.forEach((item) => {
  Reflect.set(item, "value", item.label);
});
options.forEach((element) => {
  children2 = domData.filter((word) => element.adcode == word.parent);
  Reflect.set(element, "children", children2);
  // children2.forEach((ele) => {
  //   children3 = domData.filter((word) => ele.adcode == word.parent);
  //   Reflect.set(ele, "children", children3);
  // });
});
const dropdown6 = ref();
let state = reactive({
  newList: [],
  newArr: [],
  optionsArr: [],
  children2Arr: [],
  children3Arr: [],
});
let drop6 = ref([]);
const recognize6 = () => {
  dropdown6.value.handleClose();
  console.log("valie", proPtions.value);
  proPtions.value.forEach((i) => {
    i.forEach((l) => {
      state.newList.push(l);
    });
  });

  diquArr.value.forEach((j) => {
    state.newList.filter((words) => {
      if (j.label == words) {
        state.newArr.push(j);
      }
    });
  });

  state.newArr = Array.from(new Set(state.newArr));
  options.forEach((j1) => {
    state.newArr.filter((words) => {
      if (j1.adcode == words.adcode) {
        state.optionsArr.push({
          id: j1.adcode,
          name: j1.label,
        });
      }
      return;
    });
  });
  options.forEach((element) => {
    children2 = domData.filter((word) => element.adcode == word.parent);
    children2.forEach((ele) => {
      state.newArr.filter((words1) => {
        if (ele.adcode == words1.adcode) {
          state.children2Arr.push({
            id: ele.adcode,
            name: ele.label,
          });
        }
      });
      children3 = domData.filter((word) => ele.adcode == word.parent);
      children3.forEach((lll) => {
        state.newArr.filter((words2) => {
          if (lll.adcode == words2.adcode) {
            state.children3Arr.push({
              id: lll.adcode,
              name: lll.label,
            });
          }
        });
      });
    });
  });
  radio1.value.leave = Array.from(new Set(state.optionsArr));
  radio1.value.market = Array.from(new Set(state.children2Arr));
  radio1.value.quarter = Array.from(new Set(state.children3Arr));
  signalsRadio1.getsearchs();

  if (proPtions.value.length > 0) {
    drop6.value = [
      {
        name: "地区：",
        value: [
          {
            name: new Set(state.newList),
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
    ];
  }
};
const checkClock6 = () => {
  radio1.value.quarter = [];
  radio1.value.leave = [];
  radio1.value.market = [];
  state.newArr = [];
  state.newList = [];
  state.optionsArr = [];
  state.children2Arr = [];
  state.children3Arr = [];
  proPtions.value = [];
  drop6.value = [];
  signalsRadio1.count.leave = [];
  signalsRadio1.count.market = [];
  signalsRadio1.count.quarter = [];
};

// 发布时间
const shortcuts = [
  {
    text: "今天",
    value: () => {
      const today = new Date();
      const start = new Date(today);
      start.setHours(0, 0, 0, 0); // 设置为当天的零点
      const end = new Date(today);
      end.setHours(23, 59, 59, 999); // 设置为当天的最后一刻

      return [start, end];
    },
  },
  {
    text: "昨天",
    value: () => {
      const today = new Date();
      const yesterday = new Date(today);
      yesterday.setDate(today.getDate() - 1); // 设置为昨天
      const start = new Date(yesterday);
      start.setHours(0, 0, 0, 0); // 设置为昨天的零点
      const end = new Date(yesterday);
      end.setHours(23, 59, 59, 999); // 设置为昨天的最后一刻

      return [start, end];
    },
  },
  {
    text: "近一周",
    value: () => {
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
      return [start, end];
    },
  },
  {
    text: "近一个月",
    value: () => {
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
      return [start, end];
    },
  },
  {
    text: "近三个月",
    value: () => {
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
      return [start, end];
    },
  },
];

let daas = ref();
let drop7 = ref([]);
const dropdown7 = ref()
const recognize7 = (value) => {
  isShow.value = false
  console.log("55555", value);
  if (value == null) return;
  const dateObject1 = new Date(value[0]);
  let seconds1 = Math.floor(dateObject1.getTime() / 1000);
  const dateObject2 = new Date(value[1]);
  let seconds2 = Math.floor(dateObject2.getTime() / 1000);
  radio1.value.times = [
    {
      oneTime: seconds1,
      twoTime: seconds2,
    },
  ];
  let shijian = ref([
    {
      name: timestamp(seconds1),
    },
    {
      name: timestamp(seconds2),
    },
  ]);
  if (radio1.value.times.length > 0) {
    drop7.value = [
      {
        name: "时间：",
        value: shijian.value,
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
    ];
  }
  // dropdown7.value.handleClose();
  signalsRadio1.getsearchs();
};

const reClick7 = () => {
  radio1.value.times[0] = {
    oneTime: "",
    twoTime: "",
  };
  drop7.value = [];
  times.value = [];
};

// 联系方式
let photo = ref("");
let photoIndex = ref("");
let photoBids = [
  {
    id: "1",
    name: "全部",
  },
  {
    id: "2",
    name: "有招标联系方式",
  },
  {
    id: "3",
    name: "有中标联系方式",
  },
  {
    id: "4",
    name: "有代理联系方式",
  },
  {
    id: "5",
    name: "有联系方式",
  },
];
const dropdown8 = ref();
let drop8 = ref([]);
const photoLietc = (item) => {
  // console.log('联系方式', item)
  radio1.value.contact = item.id;
  photo.value = item.id;
  photoIndex.value = item.id;
  dropdown8.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.contact != "") {
    drop8.value = [
      {
        name: "联系方式：",
        value: [
          {
            name: item.name,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
    ];
  }
};

// 金额区间
let money = ref("");
let moneyIndex = ref("");
let moneyBids = [
  {
    id: "1",
    name: "全部",
  },
  {
    id: "2",
    name: "0~10万",
  },
  {
    id: "3",
    name: "10~20万",
  },
  {
    id: "4",
    name: "20~50万",
  },
  {
    id: "5",
    name: "50~100万",
  },
  {
    id: "6",
    name: "100~200万",
  },
  {
    id: "7",
    name: "200~500万",
  },
  {
    id: "8",
    name: "500~1000万",
  },
  {
    id: "9",
    name: "自定义",
  },
];
const dropdown9 = ref();
let moneyName = ref("");
let drop9 = ref([]);
const moneyLietc = (item) => {
  // console.log('金额', item)
  moneyName.value = item.name;
  radio1.value.money = item.name;
  money.value = item.id;
  moneyIndex.value = item.id;
  signalsRadio1.getsearchs();
  if (item.id != "9") {
    if (radio1.value.money != "") {
      drop9.value = [
        {
          name: "金额：",
          value: [
            {
              name: item.name,
            },
          ],
        },
      ];
    }
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
    ];
    dropdown9.value.handleClose();
  }
};
const recognize9 = () => {
  if (radio1.value.min > radio1.value.max) {
    ElMessage({
      message: "请输入正确金额",
      type: "warning",
    });
    return;
  }

  if (radio1.value.max != "" && radio1.value.min != "") {
    drop9.value = [
      {
        name: "金额：",
        value: [
          {
            name: moneyName.value,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
    ];
    dropdown9.value.handleClose();
    signalsRadio1.getsearchs();
  }
};

const moneyClick = () => {
  radio1.value.max = "";
  radio1.value.min = "";
  drop9.value = [];
};

// 采购类别
// let category = ref([
//   {
//     id: "1",
//     name: "工程施工",
//   },
//   {
//     id: "2",
//     name: "环保绿化",
//   },
//   {
//     id: "3",
//     name: "修缮装修",
//   },
//   {
//     id: "4",
//     name: "水利工程",
//   },
//   {
//     id: "5",
//     name: "勘察设计监理",
//   },
//   {
//     id: "6",
//     name: "宣传印刷",
//   },
//   {
//     id: "7",
//     name: "物业管理",
//   },
//   {
//     id: "8",
//     name: "咨询服务",
//   },
//   {
//     id: "9",
//     name: "课程培训",
//   },
//   {
//     id: "10",
//     name: "食品饮品",
//   },
//   {
//     id: "11",
//     name: "服装纺织",
//   },
//   {
//     id: "12",
//     name: "生活用品",
//   },
//   {
//     id: "13",
//     name: "信息技术",
//   },
//   {
//     id: "14",
//     name: "电子电器",
//   },
//   {
//     id: "15",
//     name: "办公文教",
//   },
//   {
//     id: "16",
//     name: "办公家具",
//   },
//   {
//     id: "17",
//     name: "医疗耗材",
//   },
//   {
//     id: "18",
//     name: "医疗器械",
//   },
//   {
//     id: "19",
//     name: "生物医药",
//   },
//   {
//     id: "20",
//     name: "农林牧渔",
//   },
//   {
//     id: "21",
//     name: "机械设备",
//   },
//   {
//     id: "22",
//     name: "机械零部件",
//   },
//   {
//     id: "23",
//     name: "能源电力",
//   },
//   {
//     id: "24",
//     name: "能源电力",
//   },
//   {
//     id: "25",
//     name: "五金工具",
//   },
//   {
//     id: "26",
//     name: "仪器仪表",
//   },
//   {
//     id: "27",
//     name: "维护维修",
//   },
//   {
//     id: "28",
//     name: "商业租赁",
//   },
//   {
//     id: "29",
//     name: "交通运输",
//   },
//   {
//     id: "30",
//     name: "展会演出",
//   },
//   {
//     id: "31",
//     name: "中介代理",
//   },
//   {
//     id: "32",
//     name: "课程培训",
//   },
//   {
//     id: "33",
//     name: "会计审计",
//   },
//   {
//     id: "34",
//     name: "金融",
//   },
//   {
//     id: "35",
//     name: "保险",
//   },
//   {
//     id: "36",
//     name: "劳务外包",
//   },
//   {
//     id: "37",
//     name: "健康服务",
//   },
//   {
//     id: "38",
//     name: "消防安全",
//   },
//   {
//     id: "39",
//     name: "废旧处理",
//   },
//   {
//     id: "40",
//     name: "建筑建材",
//   },
//   {
//     id: "41",
//     name: "冶练化工",
//   },
//   {
//     id: "42",
//     name: "其他",
//   },
// ]);
let category = ref([
  {
    id: "1",
    name: "房屋建筑",
  },
  {
    id: "2",
    name: "市政服务",
  },
  {
    id: "3",
    name: "科教文卫",
  },
  {
    id: "4",
    name: "公路交通",
  },
  {
    id: "5",
    name: "生物医药",
  },
  {
    id: "6",
    name: "光电通信",
  },
  {
    id: "7",
    name: "铁路桥梁",
  },
  {
    id: "8",
    name: "安全防护",
  },
  {
    id: "9",
    name: "礼品首饰",
  },
  {
    id: "10",
    name: "港口航道",
  },
  {
    id: "11",
    name: "纺织轻工",
  },
  {
    id: "12",
    name: "商业服务",
  },
  {
    id: "13",
    name: "石油石化",
  },
  {
    id: "14",
    name: "园林绿化",
  },
  {
    id: "15",
    name: "生态环保",
  },
  {
    id: "16",
    name: "机械设备",
  },
  {
    id: "17",
    name: "农林渔牧",
  },
  {
    id: "18",
    name: "化学工学",
  },
  {
    id: "19",
    name: "消防安全",
  },
  {
    id: "20",
    name: "金属矿产",
  },
  {
    id: "21",
    name: "酒店服务",
  },
  {
    id: "22",
    name: "管道工程",
  },
]);
const dropdown10 = ref();
let drop10 = ref([]);
const recognize10 = () => {
  // console.log(radio1.value.projects)
  dropdown10.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.projects.length > 0) {
    drop10.value = [
      {
        name: "采购类别：",
        value: radio1.value.projects,
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,
    ];
  }
  // console.log(prerequisite)
};

const reClick10 = () => {
  radio1.value.projects = [];
  drop10.value = [];
};
// 所属行业
// let industry = ref([
//   "房屋建筑",
//   "市政服务",
//   "信息电子",
//   "科教文卫",
//   "公路交通",
//   "生物医药",
//   "光电通信",
//   "铁路桥梁",
//   "安全防护",
//   "礼品首饰",
//   "港口航道",
//   "纺织轻工",
//   "商业服务",
//   "石油石化",
//   "园林绿化",
//   "生态环保",
//   "机械设备",
//   "农林渔牧",
//   "化学工学",
//   "消防安全",
//   "水利水电",
//   "金属矿产",
//   "酒店服务",
//   "管道工程",
// ]);
// const dropdown11 = ref();
// let drop11 = ref([]);
// const recognize11 = () => {
//   // console.log(radio1.value.belong)
//   dropdown11.value.handleClose();
//   signalsRadio1.getsearchs();
//   if (radio1.value.belong != "") {
//     drop11.value = [
//       {
//         name: "所属行业：",
//         value: [
//           {
//             name: radio1.value.belong,
//           },
//         ],
//       },
//     ];
//     prerequisite.value = [
//       ...drop1.value,
//       ...drop2.value,
//       ...drop3.value,
//       ...drop5.value,
//       ...drop6.value,
//       ...drop8.value,
//       ...drop9.value,
//       ...drop10.value,
//
//     ];
//   }
//   console.log(prerequisite);
// };

// 附件
let attach = ref("");
let attachIndex = ref("");
let attachment = [
  {
    id: "1",
    name: "全部",
  },
  {
    id: "2",
    name: "有附件",
  },
];
const dropdown16 = ref();
let drop16 = ref([]);
const attachmentLietc = (item) => {
  // console.log('附件', item)
  radio1.value.annexes = item.id;
  attach.value = item.id;
  attachIndex.value = item.id;
  dropdown8.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.annexes != "") {
    drop16.value = [
      {
        name: "附件：",
        value: [
          {
            name: item.name,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,

      ...drop16.value,
    ];
  }
  console.log(prerequisite);
};

// 搜索范围
const realm = ref([
  {
    id: "1",
    name: "产品",
  },
  {
    id: "2",
    name: "标题",
  },
  {
    id: "3",
    name: "品牌",
    // disabled: "disabled",
  },
  {
    id: "4",
    name: "招标公司",
  },
  {
    id: "5",
    name: "中标公司",
  },
  {
    id: "6",
    name: "代理公司",
  },
  {
    id: "7",
    name: "全文",
  },
]);
const dropdown12 = ref();
let drop12 = ref([]);
const recognize12 = () => {
  // console.log(radio1.value.checkList)
  dropdown12.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.checkList.length > 0) {
    drop12.value = [
      {
        name: "搜索范围：",
        value: radio1.value.checkList,
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,

      ...drop16.value,
      ...drop12.value,
    ];
  }
  // console.log(prerequisite)
};
const reClick12 = () => {
  radio1.value.checkList = [];
  drop12.value = [];
};
//  品配模式
let grade = ref("");
let gradeIndex = ref("");
let quality = [
  {
    id: "2",
    name: "精准匹配",
  },
  {
    id: "3",
    name: "模糊匹配",
  },
];
const dropdown13 = ref();
let drop13 = ref([]);
const gradeLietc = (item) => {
  // console.log('品配模式', item)
  radio1.value.matching = item.id;
  grade.value = item.id;
  gradeIndex.value = item.id;
  dropdown13.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.matching != "") {
    drop13.value = [
      {
        name: "匹配模式：",
        value: [
          {
            name: item.name,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,

      ...drop16.value,
      ...drop12.value,
      ...drop13.value,
    ];
  }
  // console.log(prerequisite)
};

// 同时包含关键词
const byword = ref([
  {
    id: "1",
    name: "产品",
  },
  {
    id: "2",
    name: "标题",
  },
  {
    id: "3",
    name: "品牌",
    disabled: "disabled",
  },
  {
    id: "4",
    name: "招标公司",
  },
  {
    id: "5",
    name: "中标公司",
  },
  {
    id: "6",
    name: "投标公司",
  },
  {
    id: "7",
    name: "全文",
  },
]);
const dropdown14 = ref();
let drop14_top = ref([]);
let drop14_btn = ref([]);
const recognize14 = () => {
  // console.log(radio1.value.checkList)
  dropdown14.value.handleClose();
  signalsRadio1.getsearchs();

  if (radio1.value.keywords != "") {
    drop14_top.value = [
      {
        name: "同时包含关键词：",
        value: [
          {
            name: radio1.value.keywords,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop7.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,

      ...drop16.value,
      ...drop12.value,
      ...drop13.value,
      ...drop14_top.value,
    ];
  }
  if (radio1.value.keyList.length > 0) {
    drop14_btn.value = [
      {
        name: "同时包含关键词范围：",
        value: radio1.value.keyList,
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,
      ...drop7.value,
      ...drop16.value,
      ...drop12.value,
      ...drop13.value,
      ...drop14_top.value,
      ...drop14_btn.value,
    ];
  }
  // console.log(prerequisite)
};

const embodyClick = () => {
  radio1.value.keywords = "";
  radio1.value.keyList = [];
  drop14_top.value = [];
  drop14_btn.value = [];
};

// 排除词
const dropdown15 = ref();
let drop15_top = ref([]);
let drop15_btn = ref([]);
const recognize15 = () => {
  // console.log(radio1.value.checkList)
  dropdown15.value.handleClose();
  signalsRadio1.getsearchs();
  if (radio1.value.excluded != "") {
    drop15_top.value = [
      {
        name: "同时包含排除词:",
        value: [
          {
            name: radio1.value.excluded,
          },
        ],
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,
      ...drop7.value,
      ...drop16.value,
      ...drop12.value,
      ...drop13.value,
      ...drop14_top.value,
      ...drop14_btn.value,
      ...drop15_top.value,
    ];
  }
  if (radio1.value.excludedList.length > 0) {
    drop15_btn.value = [
      {
        name: "同时包含排除词范围:",
        value: radio1.value.excludedList,
      },
    ];
    prerequisite.value = [
      ...drop1.value,
      ...drop2.value,
      ...drop3.value,
      ...drop4.value,
      ...drop5.value,
      ...drop6.value,
      ...drop8.value,
      ...drop9.value,
      ...drop10.value,
      ...drop7.value,
      ...drop16.value,
      ...drop12.value,
      ...drop13.value,
      ...drop14_top.value,
      ...drop14_btn.value,
      ...drop15_top.value,
      ...drop15_btn.value,
    ];
  }
  console.log(prerequisite);
};

const removeClick = () => {
  radio1.value.excluded = "";
  radio1.value.excludedList = [];
  drop15_top.value = [];
  drop15_btn.value = [];
};

watch(
  prerequisite,
  (newData, oldData) => {
    store.count = newData;
    console.log("watch====》", store.count);
  },
  { immediate: true, deep: true }
);

const biaoxun = () => {
  reClick1();
  // reClick2();
  reClick3();
  radio1.value.affairs = "";
  checkClock();
  checkClock6();
  reClick7();
  radio1.value.contact = "";
  moneyClick();
  radio1.value.money = "";
  reClick10();
  radio1.value.annexes = "";
  reClick12();
  radio1.value.matching = "";
  embodyClick();
  removeClick();
  signalsRadio1.count = radio1.value;
  drop8.value = [];
  drop16.value = [];
  drop13.value = [];
  drop4.value = [];
};

// 子站
const zizhanbiaoxun = () => {
  console.log(router.currentRoute);
  if (
    JSON.stringify(router.currentRoute.value.query) != "{}" &&
    router.currentRoute.value.query.tags != ""
  ) {
    radio1.value.projects = category.value.filter(
      (res) => res.name == router.currentRoute.value.query.tags
    );
    signalsRadio1.count.projects = category.value.filter(
      (res) => res.name == router.currentRoute.value.query.tags
    );
    drop10.value = [
      {
        name: "采购类别",
        value: category.value.filter(
          (res) => res.name == router.currentRoute.value.query.tags
        ),
      },
    ];
    prerequisite.value = [...drop10.value];
  } else {
    reClick10();
    drop10.value = [];
    prerequisite.value = [];
  }
};
onMounted(() => {
  zizhanbiaoxun();
  getInformation();
  getInfomationchilds();
  // signalsRadio1.getsearchs()
});
defineExpose({
  biaoxun,
  reClick1,
  reClick3,
  radio1,
  checkClock,
  checkClock6,
  reClick7,
  moneyClick,
  reClick10,
  reClick12,
  embodyClick,
  removeClick,
  drop8,
  drop16,
  drop13,
  drop4,
  setValue
});
</script>

<style lang="scss" scoped>
.height {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 14px;
}

.active {
  background-color: #f43107;
  color: #f6f6f6;
}

.search_input {
  display: flex;
  flex-direction: column;
  margin-left: 175px;

  .search_s {
    position: relative;

    .search_ss {
      // display: flex;
      width: 850px;
      height: 60px;
      margin-top: 50px;
      border-radius: 50px;
      border: 1px solid #f6f6f6;
    }

    .search_buttons {
      position: absolute;
      top: 52px;
      right: 178px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 120px;
      height: 56px;
      background-color: #f43107;
      border-radius: 50px;
      font-size: 22px;
      color: #fff;
    }
  }

  .popular_box {
    margin-top: 20px;
    color: #ffffff;
  }

  .popular {
    margin: 0 15px;
  }
}

.flexible {
  display: flex;

  .flexible_box {
    width: 300px;
    height: 300px;
    padding-left: 21px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .flexible_bo2 {
    height: 247px;
    padding-left: 21px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-bottom: 1px solid #e8e8e8;
  }

  .flexible_right {
    // width: 228px;
    flex: 1;
    border-left: 1px solid #e8e8e8;
  }
}

.dropdownButtom1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 10px;
  padding-bottom: 5px;
}

.dropdownButtom {
  width: 200px;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid #e8e8e8;
  padding-right: 10px;
}

.dropdownButtomCi {
  width: 758px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  border-top: 1px solid #e8e8e8;
}

.dropdownButtoms {
  width: 560px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  border-top: 1px solid #e8e8e8;
}

.infOne {
  height: 300px;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: scroll;

  .infOne_hove {
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 16px;

    &:hover {
      // background-color: #6675FF;
    }
  }
}

.inputDeep>>>.el-input__inner {
  border: 0;
}

::-webkit-scrollbar {
  display: none;
}

.search_money {
  display: flex;
  align-items: center;
  width: 150px;
  padding-left: 10px;
  margin: 0 5px;
  border-radius: 5px;
  border: 1px solid #9a9898;

  .search_mput {
    width: 50px;
    border: 0;
    outline: none;
  }
}

.search_sousou {
  display: flex;
  width: 260px;
  height: 30px;
  margin: 15px 21px 9px;
}

.birds {
  display: flex;
  flex-direction: column;
  padding: 10px 0;

  .birds_one {
    display: flex;
    position: relative;

    .el-dropdown {
      margin-right: 25px;
    }
  }

  .birds_two {
    display: flex;
    margin-top: 10px;

    .el-dropdown {
      margin-top: 15px;
      margin-right: 25px;
    }
  }
}

.el-checkbox__label {
  font-size: 16px;
}

.el-dropdown-link {
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}

.tk {
  position: absolute;
  top: 25px;
  left: 40%;
}
</style>
